<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <!-- css -->
    <link rel="stylesheet" href="./static/css/header.css">
    <link rel="stylesheet" href="./static/css/footer.css">
    <link rel="stylesheet" href="./static/css/index.css">
    <link rel="stylesheet" href="static/css/sidebar.css">
    
</head>

<body>
<!-- form -->

<div class="sidebar">
    <ul>
        <li>
            <a href="#">
                <span class="icon"><ion-icon name="home-outline"></ion-icon></span>
                <span class="text">首页</span>
            </a>
        </li>
        <li>
            <a href="./introPage.html">
                <span class="icon"><ion-icon name="settings-outline"></ion-icon></span>
                <span class="text">关于我们</span>
            </a>
        </li>
        <li>
            <a href="./login.html">
                <span class="icon"><ion-icon name="person-outline"></ion-icon></span>
                <span class="text">登录</span>
            </a>
        </li>
        <li>
            <a href="./register.html">
                <span class="icon"><ion-icon name="hammer-outline"></ion-icon></span>
                <span class="text">注册</span>
            </a>
        </li>

    </ul>
</div>

<div class="main">

</div>

    <script src="src/js/lib/jquery-v2.1.4/jquery.min.js"></script>
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
</body>

</html>